import React, {Component} from "react";
import {observer, inject} from "mobx-react";
import styled from "styled-components";

import BreadcrumdBar from "@/components/breadcrumd";

const Containter = styled.div`
  text-align: center;
`;

@inject("store")
@observer
class Home extends Component {
  componentDidMount() {
    this.props.store.home.getUserInfo({user: "admin"});
  }
  render() {
    const {
      store: {home}
    } = this.props;
    return (
      <Containter>
        <BreadcrumdBar />
        <if condition={true}>121212</if>
        <h1 n-style="color:red" > hello {home.userInfo.name}</h1>
        <h2> hello {home.userInfo.pin}</h2>
      </Containter>
    );
  }
}

export default Home;
